<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			div.c1{
				width: 1300px;
				height: 60px;
				background-color: grey;
				
				}
			div#a1 {
				display: inline-block;
				
			}
			div#a1 p img{
				box-sizing: border-box;
				width: 100px;
				height: 60px;
				border: 2px solid 0;
				margin: 0px 0px 0px 60px ;
				vertical-align: middle;
			}
			div#a2{
				display: inline-block;
			}
			div#a2 p{
				display: inline-block;
				color: white;
				height: 60px; 
				margin-left: 40px;
			}
			div#a2 p a:link{
				color: white;
				text-decoration: none;
				 
			}
			div#a2 p a:hover{
				color: blue;
			}
			div#a3{
				display: inline-block;
			}
			div#a3 p{
				display: inline-block;
				
			}
			div#a3 p#d1{
				margin-left: 50px;
			}
			div#a3 p#d1 button{
				color: #FAD65C;
				border: solid 2px #FAD65C;
				background-color: transparent;
				border-radius: 10px
				
			}
			div#a3 p#d2 button{
				border: solid 2px #FAD65C;
				background-color: #FAD65C;
				border-radius: 10px
			}
		</style>
	</head>
	<body>
		<div class="c1">
			<div id="a1">
				<p ><img src="img/logo.png"/></p>
				
			</div>
			<div id="a2">
				<p><a href="#">功能特权</a></p>
				<p><a href="#">游戏特权</a></p>
				<p><a href="#">生活特权</a></p>
				<p><a href="#">会员活动</a></p>
				<p><a href="#">成长体系</a></p>
				<p><a href="#">年会专区</a></p>
				<p><a href="#">超级会员</a></p>
			</div>
			<div id="a3">
				<p id="d1"><button type="submit"" value="登录">登录</button></p>
				<p id="d2"><button type="submit" value="开通超级会员">开通超级会员</button></p>
			</div>
		</div>
	</body>
</html>